* {
    margin: 0;
    padding: 0;
    font-size: .16rem;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: rgba(42, 42, 54, 0.9);
}

@media screen and (min-width:750px) {
    html {
        font-size: 100px;
    }
}

@media screen and (max-width:750px) {
    html {
        font-size: 13.33vw;
    }
}

/* 设置总宽高、背景 */
body {
    background-color: #F9FBFC;
}

#all {
    width: 7.5rem;
    /* height: 16.2rem; */
    margin: 0 auto;
    position: relative;
    background-color: #F9FBFC;
}
/* 头部白色 */

.head {
    width: 7.5rem;
    height: 1.76rem;
    background-color: #fff;
    position: relative;
    position: fixed;
    top: 0;
    left: 0 auto;
}

/* 电量 */

.head>img {
    width: 7.5rem;
    height: .88rem;
    position: absolute;
    top: 0;
    left: 0;
}

/* 选择角色和图片 */

.h-zi {
    width: 7.50rem;
    height: .8rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
}

/* 选择角色 */

.h-zi>p {
    font-size: .30rem;
    font-weight: bold;
    position: absolute;
    bottom: .26rem;
    left: 3.02rem;
}
/* 箭头 */
.h-zi>a>img{
  width: .4rem;
  height: .4rem;
  margin-left: .4rem;
}
/* 小程序图片 */

.h-zi>img {
    width: 1.74rem;
    height: .62rem;
    position: absolute;
    bottom: .12rem;
    right: .4rem;
}
/* 内容 */
section {
    width: 6.7rem;
    margin: 0 auto;
    margin-top: 1.76rem;
}
/* 全部活动..... */
.s-same-zi{
    width: 100%;
    padding-top: .3rem;
    margin-bottom: .4rem;
    display: flex;
    align-items: center;
}
.s-same-zi>a{
    font-size: .24rem;
    margin-right: .2rem;
    color: rgba(43, 46, 70, 0.5);
}
/* 四个列表 */
.s-same-all{
    width: 100%;
    height: 2.24rem;
    margin-top: .4rem;
    border-radius: .3rem;
    display: flex;
    background-color: #fff;
}
/* 左图 */
.s-same-left{
    width: 1.6rem;
    height: 1.6rem;
    margin-top: .33rem;
    margin-left: .32rem;
    margin-right: .32rem;
}
.s-same-left>img{
    width: 1.6rem;
    height: 1.6rem;
}
/* 右边 */
.s-same-right{
    margin-top: .33rem;
}
.s-same-right>h3{
    font-size: .28rem;
   color: rgba(42, 42, 54, 0.9);
}
.s-same-right>img{
    width: .32rem;
    height: .32rem;
    margin-top: .20rem;
    margin-right: .15rem;
}
.s-same-right>span{
    font-size: .24rem;
    color: rgba(42, 42, 54, 0.8);
}
.s-same-right>p{
    width: 1.15rem;
    height: .42rem;
    font-size: .20rem;
    margin-top: .20rem;
    background-color: rgba(0, 0, 0, 0.03);
    text-align: center;
    line-height: .42rem;
    color: rgba(42, 42, 54, 0.8);
}